import React from 'react';
import { motion } from 'framer-motion';

const Privacy: React.FC = () => {
  return (
    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 p-6">
      <motion.div 
        initial={{ opacity: 0, y: 20 }}
        animate={{ opacity: 1, y: 0 }}
        transition={{ duration: 0.5 }}
        className="max-w-4xl mx-auto bg-white dark:bg-gray-800 rounded-xl shadow-sm border border-gray-200 dark:border-gray-700 p-8"
      >
        <div className="text-center mb-8">
          <h1 className="text-3xl font-bold text-gray-800 dark:text-gray-200 mb-4">隐私政策</h1>
          <p className="text-gray-600 dark:text-gray-400">最后更新日期：2024年12月</p>
        </div>

        <div className="prose prose-gray dark:prose-invert max-w-none">
          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">1. 信息收集</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              我们收集的信息包括但不限于：
            </p>
            <ul className="list-disc list-inside text-gray-600 dark:text-gray-400 space-y-2">
              <li>账户注册信息（姓名、邮箱、职位等）</li>
              <li>项目管理和协作相关数据</li>
              <li>系统使用日志和性能数据</li>
              <li>设备信息和浏览器信息</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">2. 信息使用</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              我们使用收集的信息用于：
            </p>
            <ul className="list-disc list-inside text-gray-600 dark:text-gray-400 space-y-2">
              <li>提供和改进平台服务</li>
              <li>用户认证和权限管理</li>
              <li>项目协作和团队管理</li>
              <li>系统优化和故障排查</li>
              <li>发送重要通知和更新</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">3. 信息共享</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              我们不会将您的个人信息出售给第三方。在以下情况下，我们可能会共享信息：
            </p>
            <ul className="list-disc list-inside text-gray-600 dark:text-gray-400 space-y-2">
              <li>获得您的明确同意</li>
              <li>为遵守法律法规或响应法律程序</li>
              <li>保护我们或他人的权利、财产和安全</li>
              <li>与关联公司或服务提供商共享必要信息</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">4. 数据安全</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              我们采取合理的安全措施保护您的个人信息，包括：
            </p>
            <ul className="list-disc list-inside text-gray-600 dark:text-gray-400 space-y-2">
              <li>数据加密传输和存储</li>
              <li>访问控制和权限管理</li>
              <li>定期安全审计和漏洞修复</li>
              <li>员工隐私保护培训</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">5. 您的权利</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              您有权：
            </p>
            <ul className="list-disc list-inside text-gray-600 dark:text-gray-400 space-y-2">
              <li>访问和查看您的个人信息</li>
              <li>更正不准确的信息</li>
              <li>删除您的个人信息</li>
              <li>限制或反对信息处理</li>
              <li>数据可移植性</li>
            </ul>
          </section>

          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">6. Cookie政策</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              我们使用Cookie和类似技术来改善用户体验、分析网站流量和个性化内容。
            </p>
          </section>

          <section className="mb-8">
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">7. 政策更新</h2>
            <p className="text-gray-600 dark:text-gray-400 mb-4">
              我们可能会不时更新本隐私政策。更新后的政策将在平台上公布。
            </p>
          </section>

          <section>
            <h2 className="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">8. 联系我们</h2>
            <p className="text-gray-600 dark:text-gray-400">
              如对隐私政策有任何疑问，请通过意见反馈页面联系我们。
            </p>
          </section>
        </div>
      </motion.div>
    </div>
  );
};

export default Privacy;